page{
    width: 100%;
    height: 100%;
    background: rgba(225, 227, 229, 0.51);
}
.viplogin_box{
    width: 100%;
    padding: 50rpx 20rpx;
    box-sizing: border-box;
   
    .viplogin_img{
        width:100%;
        padding: 0 20rpx;
        box-sizing: border-box;
        height: 260rpx;
        overflow: hidden;
        image{
            width: 100%;
            height: 260rpx;
            border-top-left-radius: 20rpx;
            border-top-right-radius: 20rpx;
        }
    }
    .viplogin_ad{
        height: 130rpx;
        width: 100%;
        background: #FFF0DA;
        .viploginad_tit{
            font-weight: 700;
            font-size: 30rpx;
            line-height: 42rpx;
            text-align: center;
            color: #292929;
            padding-top: 17rpx;
            box-sizing: border-box;
            text{
                color:#FF4444;
            }
        }
        .viploginad_info{
            font-weight: 400;
            font-size: 24rpx;
            line-height: 34rpx;
            text-align: center;
            color: #AC722A;
            margin-top: 18rpx;
        }
    }
    .viplogin_me{
        background: #FFFFFF;
        width: 100%;
        height: 300rpx;
        box-shadow: 0rpx 1rpx 10rpx 1rpx rgba(0, 0, 0, 0.25);
        border-bottom-right-radius: 10rpx;
        border-bottom-left-radius: 10rpx;
        .viplogin_tit{
            height:100rpx;
            padding-left: 35rpx;
            box-sizing: border-box;
            line-height: 100rpx;
            font-weight: 900;
            font-size: 32rpx;
            color: #292929;
            margin-bottom: 5rpx;
        }
        .viplogin_item{
            height:100rpx;
            padding-left: 35rpx;
            box-sizing: border-box;
            border-bottom: 1rpx solid rgba(154, 154, 154, 0.31);
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-weight: 400;
            font-size: 30rpx;
            color: #9A9A9A;
            .viplogin_name{
                margin-right: 20rpx;
                width: 150rpx;
            } 
            .viplogin_input{
                .vipstyle{
                    font-weight: 400;
                    font-size: 30rpx;
                    color: #9A9A9A;
                }
                input{
                    border: none;
                    outline: none;
                    background-color: transparent;
                }
            }
        }
    }
}
.viplogin_drop{
    width:100%;
    height: 154rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 1rpx 10rpx 1rpx rgba(0, 0, 0, 0.25);
    position: fixed;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom:env(safe-area-inset-bottom);
    bottom: 0;
    left: 0;
    .viplogin_drop_tit{
        width: 100%;
        padding:  0 21rpx;
        font-weight: 400;
        font-size: 24rpx;
        color: #292929;
        box-sizing: border-box;
        height: 60rpx;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 30rpx;
        checkbox .wx-checkbox-input{
            border-radius: 50%;/* 圆角 */
            width: 35rpx; /* 背景的宽 */
            height: 35rpx; /* 背景的高 */
        }
        checkbox .wx-checkbox-input.wx-checkbox-input-checked{
            border: 1rpx solid #f3333e;
            background: #f3333e;
        }
        checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
            border-radius: 50%;/* 圆角 */
            width: 34rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
            height: 35rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
            line-height:34rpx;
            text-align: center;
            font-size:30rpx; /* 对勾大小 30rpx */
            color:#fff; /* 对勾颜色 白色 */
            background: transparent;
            transform:translate(-50%, -50%) scale(1);
            -webkit-transform:translate(-50%, -50%) scale(1);
        }
        text{
            color: #0f367e;
            margin-left: 5rpx;
        }
    }
    .viplogin_btn{
        width: 100;
        padding: 0 40rpx;
        box-sizing: border-box;

        .btn{
            background: #DDBE86;
            height: 61rpx;
            border-radius: 40rpx;
            font-weight: 700;
            font-size: 28rpx;
            color: #AC722A;
            line-height: 61rpx;
            text-align: center;
        }
    }
}